body{
    font-size: 0.16rem;
}
/*将超出宽度的文字截字并用省略号表示*/
.cutFont{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/*文本处理与对齐方式*/
.tc{text-align:center}
.tl{text-align:left} 
.txj{text-align: justify}
.tr{text-align:right}
.fb{font-weight:bold}
/*字体大小*/
.font12 { font-size:0.12rem}
.font14 { font-size:0.14rem}
.font16 { font-size:0.16rem}
.font18 { font-size:0.18rem}   
.font22 { font-size:0.22rem}
/*浮动公共样式*/                          
.fl{float:left}
.fr{float:right}
.cl{clear:both}
/*外间距公共样式*/
.mt5{ margin-top:0.05rem}
.mt10{ margin-top:0.1rem}
.mt20{ margin-top:0.2rem}
.mt30{ margin-top:0.3rem}
.mb5{margin-bottom:0.05rem}
.mb10{margin-bottom:0.1rem}
.mb20{ margin-bottom:0.2rem}
.mb30{ margin-bottom:0.3rem}
.mr5{ margin-right: 0.05rem }
.mr10{margin-right: 0.1rem}
.mr20{margin-right: 0.2rem}
.pt10{padding-top: 0.1rem;}
.pt20{padding-top: 0.2rem;}
.pb5{ padding-bottom: 0.05rem }
.pb20{ padding-bottom: 0.2rem }
.pd10rem{padding: 0.1rem}
/*显示方式与定位*/
.posir{position: relative;}
.block{display: block;}
.none{display: none;}
.flex{display: flex;}
/*页面布局*/
.layout{ width:100%; }
/*背景样式*/
.bgwhite{background-color: white;}
.bgcolor { background-color:#f5f5f5;}
.bgGray{background-color: #f2f2f2}
.bgRed{ background-color: red; }
.bgorange{background-color: orange;}
/* 居中 */
.mg0at{margin: 0 auto;}
/* 边框 */
.bdb{border: 1px solid black;}
.bdg{border: 1px solid gainsboro;}
.bdbm{border-bottom: 1px solid gainsboro;}
.bdr5{border-radius: 0.05rem;}
.bdr50{border-radius: 50%;}